<!--
 * @Author: your name
 * @Date: 2020-12-29 17:32:13
 * @LastEditTime: 2020-12-29 17:44:50
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \basiccss\background\colorjianbian.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>颜色渐变</title>
    <style>
        body{
            padding: 10px;
        }
        div{
            width: 90vw;
            height: 30px;
            margin: auto;
            /*颜色渐变*/
            /* background: linear-gradient(red,green); */
            /*渐变角度*/
            /* background: linear-gradient(30deg,red,green); */
            /*向右渐变*/
            /* background: linear-gradient(to right,red,green); */
            /*向左渐变*/
            /* background: linear-gradient(to left,red,green); */
            /*左上渐变*/
            /* background: linear-gradient(to top left,red,green); */
            /*右下渐变*/
            /* background: linear-gradient(to bottom right,red,green); */
            /*设置多个颜色*/
            /* background: linear-gradient(90deg,red,rgb(0,0,200),green,rgba(122, 211, 100, 0)); */
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>
